<style>
    .upload-image {
        background: url('__CDN__/assets/addons/example/img/plus.png') no-repeat center center;
        background-size: 30px 30px;
        height: 30px;
        width: 30px;
        border: 1px solid #ccc;
    }

    textarea.form-control {
        background: #eee;
    }
</style>
<div class="row">
    <div class="col-md-12">
        <div class="box box-info">
            <div class="panel-body">
                <form id="second-form" role="form" data-toggle="validator" method="POST" action="">
                    <div class="form-group row">
                        <label class="control-label col-xs-12">{:__('中英文对照数组')}:</label>
                        <div class="col-xs-12">
                            <table class="table fieldlist" data-template="basictpl" data-name="basic" id="first-table">
                                <tr>
                                    <td>键</td>
                                    <td>中文</td>
                                    <td>英文</td>
                                    <td width="100"></td>
                                </tr>
                                <tr>
                                    <td colspan="5"><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></td>
                                </tr>
                            </table>

                            <!--请注意实际开发中textarea应该添加个hidden进行隐藏-->
                            <textarea name="basic" class="form-control hide" cols="30" rows="5">{$listJson}</textarea>
                            <script id="basictpl" type="text/html">
                                <tr class="form-inline">
                                    <td><input type="text" name="<%=name%>[<%=index%>][key]" class="form-control" value="<%=row.key%>" placeholder="键"/></td>
                                    <td><input type="text" name="<%=name%>[<%=index%>][en]" class="form-control" value="<%=row.en%>" placeholder="中文"/></td>
                                    <td><input type="text" name="<%=name%>[<%=index%>][zh]" class="form-control" value="<%=row.zh%>" placeholder="英文"/></td>
                                    <td>
                                        <!--下面的两个按钮务必保留-->
                                        <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
<!--                                        <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>-->
                                    </td>
                                </tr>
                            </script>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-xs-12"></label>
                        <div class="col-xs-12">
                            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>

    </div>
</div>
